.pxToRem(@p, @px) {
    @{p}: @px / 75px * 1rem;
}
body{
    background: #eee;

}
.header{
    position: fixed;
    top: 0;
    width: 100%;
    .pxToRem(height, 120);
    background: #f04848;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    div:nth-child(1){
        width: 50%;
        display: flex;
        // justify-content: space-around;
        align-items: center;
        padding: 0 2%;
        p{
            .pxToRem(font-size, 60);
            font-weight: bolder;
            margin: 0 5%;
        }
       
    }
    div:nth-child(2){
        padding: 0 3%;
        p{
            .pxToRem(font-size, 26);
        }
        
    }
}
.list{
    .pxToRem(margin-top, 140);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 3% 0;
    dl{
        width: 18%;
        padding: 0 1%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        dt{
            width: 50%;
            padding: 3% 0;
            img{
                width: 100%;

            }
        }
        dd{
            padding: 3% 0;
            .pxToRem(font-size, 24);
        }
    }
}
.dls{
    .pxToRem(margin-top, 30);
    background: #fff;
    dl{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 3% 0;
        dt{
            padding: 0 3%;
            // width: 20%;
            // img{
            //     width: 100%;
            // }
        }
        dd{
            width: 80%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            h3{
                 .pxToRem(font-size, 30);
                 font-weight: bolder;
            }
           p{
               color: #ccc;
           }
        }
    }
    dl:nth-child(6){
        .pxToRem(margin-top, 30);
    }
}